<template>
  <div>
    <h1>Child</h1>
    <p>{{ msg }}</p>
  </div>
</template>

<script>
export default {
  props: {
    msg: String,
  },
  beforeCreate() {
    console.log("child: beforeCreate.");
  },
  created() {
    console.log("child: created.");
  },
  beforeMount() {
    console.log("child: beforeMount.");
  },
  mounted() {
    console.log("child: mounted.");
  },
  beforeUpdate() {
    console.log("child: beforeUpdate.");
  },
  updated() {
    console.log("child: updated.");
  },
  beforeUnmount() {
    console.log("child: beforeDestroy.");
  },
  unmounted() {
    console.log("child: destroyed.");
  },
};
</script>
